<template>
<van-tabbar v-model="active" route >
  <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
  <van-tabbar-item icon="friends-o" to="/cart">购物车</van-tabbar-item>
  <van-tabbar-item icon="setting-o" to="/login">登录</van-tabbar-item>
</van-tabbar>
</template>

<script setup lang="ts">

// import { mapActions } from 'pinia';
import { ref } from 'vue';

    const active = ref(0);

// 定义切换下表事件
// const changeFn = (index:number)=>{
//     active.value=index
// }

</script>
<style scoped>

</style>